header{
    height: .5rem;
    background-color: #F4483E;
    color: #fff;
    display: flex;
    // justify-content:space-evenly;
    justify-content: space-between;
    align-items: center;
   
    a:nth-of-type(1) p{
        font-size: .2rem;
        color: #fff;
        font-weight: bold;
        margin-left: .1rem;
    }
    span{
        font: .2rem/.3rem "";
        font-weight: bold;
    }
    a:nth-of-type(2) img{
        height: .34rem;
    }
}
aside{
    background: #fff;
    font-size: .12rem;
    color: #999;
    text-align: center;
    margin: .08rem;
}
section{
    background: #fff;

    li{
        div{
            display: flex;
            img{
                margin: .1rem;
                width: 1rem;
                height: .8rem;
            }
            p{
                display: flex;
                flex-direction: column;

                span:nth-of-type(1){
                    margin: .1rem;
                    color: #333;
                    font: .15rem/.19rem "";
                }
                span:nth-of-type(2){
                    margin: .1rem;
                    color: #333;
                    font: .18rem/.2rem "";
                }
            }
           
            
        }
        &>p{
            color: #EE7700;
            font: .14rem/.2rem "";
            text-align: center;
        }
        
    } 
    #box{
        position: fixed;
        left: 0;
        top: -100%;
        width: 100%;
        height: 100%;
        background: rgba(51, 51, 51,.8);
        // opacity: .8;
        display: none;
        z-index: 99;
        .boxdiv{
          width: 100%;height: 100%;
          position: relative;
         div{
             span{
                 position: absolute;
                 right: 0;top: 0;
                 width: .3rem;height: .3rem;
                 background: #333;
                 color: #ccc;
                 z-index: 55;
                 font: .2rem/.3rem "";
                 text-align: center;
             }
            width: 2rem;
            height: 2rem;
            background-color: #fff;
            position: absolute;
            left: 0;right:0;top:0;bottom:0;
            margin: auto;
            overflow: hidden;
            ul {
                position: absolute;
                left: 0;top: 0;
                width: 114rem;
                height: 2rem;
                
                li{

                    float: left;
                    width: 2rem;
                    height: 2rem;
                    img{
                        width: 2rem;
                        height: 2rem;
                    }
                }
                
            }
         }
           
           
        }
        .left{
            position: absolute;
            bottom: 0;
            top: 0;
            left: 0;
            margin: auto;
            width: .5rem;height: .8rem;
            background-color: #333;
            font: .5rem/.8rem "";
            color: #ccc;
            cursor: pointer;
             z-index: 22;
        }
        .right{
            position: absolute;
            bottom: 0;
            top: 0;
            right: 0;
            margin: auto;
            width: .5rem;height: .8rem;
            background-color: #333;
            font: .5rem/.8rem "";
            color: #ccc;
            cursor: pointer;
             z-index: 23;
        }
       
    }
}